<%--
    Document   : index
    Created on : 23 May, 2014, 12:42:26 PM
    Author     : Akash,Satyapal,Durwas,Yogesh,Rahul
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>

<title>Vehicle Hai.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/slider.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/styles.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/layout.css">
<link href="commonfiles/css/touchTouch.css" rel="stylesheet" type="text/css" />
    </head>
    <body>

        <!--Start of  Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//v2.zopim.com/?29cWb9BuQRBO7mGVhjEVsvvfPY1SMJmO';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>
<!--End of Live Chat Script-->

 <div style="position:relative;width: auto;z-index: 10000; ">
        <div class="wrapper col1">
            <div id="logo">
        <h><a href="#"><img src="commonfiles/images/logo.png" style="float: left; height: 70px"></a></h>

    </div>
  <div id="header">

    <div id="info">
      <ul>
        <li>Tel: 0712-6606690</li>
        <li> | </li>
        <li>Mail: enquiry@jibjit.com</li>
      </ul>
    </div>
    <br class="clear">
  </div>
</div>
      <div id='cssmenu'>
               <ul>
    <li class='has-sub'><a href="home.jsp"><span>Home</span></a></li>
   <li class='has-sub'><a href="services.jsp"><span>Services</span></a>
      <ul>
         <li ><a href="finance.jsp"><span>Finance</span></a>

         </li>
         <li><a href="insurance.jsp"><span>Insurance</span></a>

         </li>
         <li><a href="error.jsp"><span>Advertisement</span></a>

         </li>
         <li><a href="error.jsp"><span>E.M.I.</span></a>

         </li>
      </ul>
   </li>

  <li class='has-sub'><a href="error.jsp"><span>Tender</span></a>
       <ul>
         <li><a href="offlinetender"><span>Offline</span></a>

         </li>
         <li><a href="onlinetender.jsp"><span>Online</span></a>

         </li>

      </ul>

   </li>

   <li class='has-sub'><a href="error.jsp"><span>Post Add</span></a>
      <ul>
         <li><a href="error.jsp"><span>Post</span></a>

         </li>
         <li><a href="error.jsp"><span>Auto/Car</span></a>

         </li>
         <li><a href="error.jsp"><span>Rules</span></a>

         </li>
      </ul>
   </li>

<li class='active'><a href="error.jsp"><span>Success Story</span></a>
      <ul>
         <li><a href="gallary.jsp"><span>Gallery</span></a>

         </li>
         <li class="has-sub"><a href="error.jsp"><span>Success Story</span></a>
            </li>
      </ul>
   </li>

   <li><a href="about.jsp"><span>About</span></a></li>
   <li class='last'><a href="contact.jsp"><span>Contact</span></a></li>
</ul>
          <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">

        </ul>
        <h1>Gallery</h1>
      </div>
</section>
</div>
</div>

<div class="block2">
  <div class="container_12">
    <!--==============================content================================-->
    <section class="content">
      <div class="wrapper">
        <article class="grid_12 last-col">
          <div class="hello_box"> We love Coustomers! We have a real passion for bussiness and have worked hard to earn our reputation. Let our works speak for us. </div>
        </article>
      </div>
      <div class="wrapper projects">
        <article class="grid_3">
          <h2>Gallery</h2>
          <ul class="project-filter">
              <li type="none"><a href="#" data-filter="*" class="active">All</a></li>
            <li type="none"><a href="#" data-filter=".websites">Function</a></li>
            <li type="none"><a href="#" data-filter=".print">Awards</a></li>
            <li type="none"><a href="#" data-filter=".applications" >New Costomer</a></li>
            <li type="none"><a href="#" data-filter=".wordpress">Old Costomer</a></li>
            <li type="none"><a href="#" data-filter=".content-writing">Success</a></li>
          </ul>
        </article>
        <article class="grid_9 last">
          <div class="row clearfix" id="projects">
            <article class="grid_3 project-item alpha websites"> <a href="#"><img src="commonfiles/images/11.jpg" alt="Project 1"/></a> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item content-writing"> <img src="commonfiles/images/12.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details12.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega websites"> <img src="commonfiles/images/13.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details3.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item alpha applications"> <img src="commonfiles/images/01.jpg" alt="Project 1"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details4.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item print"> <img src="commonfiles/images/11.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details5.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega wordpress"> <img src="commonfiles/images/13.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details6.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item alpha wordpress"> <img src="commonfiles/images/project-details7.jpg" alt="Project 1"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details7.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item content-writing"> <img src="commonfiles/images/project-details8.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details8.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega print"> <img src="commonfiles/images/11.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="commonfiles/images/project-details9.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
          </div>

        </article>
      </div>
    </section>
  </div>
</div>










 <div class="block3">
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Vehicle Hai.com!
            Vehicle hai emphasizes free EMI for Vehicle while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="https://www.facebook.com/jibjitjobs?ref=bookmarks">
              <figure><img src="commonfiles/images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="commonfiles/images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">FAQ</a></li>
            <li><a href="#">FInance</a></li>
            <li><a href="#">Insurance</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>

<script type="text/javascript" src="commonfiles/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="commonfiles/js/superfish.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="commonfiles/js/contact.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script type="text/javascript" src="commonfiles/js/touchTouch.jquery.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery-ui-1.8.24.custom.min.js"></script>
<script type="text/javascript" src="commonfiles/js/script.js"></script>
    </body>
</html>

